<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <%@ page language="java" pageEncoding="UTF-8"%>
    <%@ page contentType="text/html;charset=UTF-8"%>
    <%@ taglib prefix="s" uri="/struts-tags" %>
    <%@ taglib prefix="sec"	uri="http://www.springframework.org/security/tags"%>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content='width=device-width, initial-scale=0.5, maximum-scale=1, user-scalable=no' name='viewport'>

    <title>枝江农村供水工程 | 水质检测系统</title>

    <link rel="stylesheet" href="../css/bootstrap.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/font-awesome.min.css" type="text/css" />
    <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
    <link href="../css/time/css//bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="../css/systemManage/btn.css" type="text/css">
    <!--  <link rel="stylesheet" href="../css/systemManage/form.css" type="text/css"> -->
    <link rel="stylesheet" href="../css/systemManage/common.css" type="text/css">
    <link rel="stylesheet" href="../css/systemManage/validationEngine.jquery.css" type="text/css">
    <link rel="stylesheet" href="../css/systemManage/input-select.css" type="text/css">
    <link rel="stylesheet" href="../css/systemManage/jquery.bigautocomplete.css" type="text/css"/>

    <link rel="stylesheet" href="../css/waterQuality/norm.css" type="text/css">

    <!-- js -->
    <script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap3.2.js" charset="UTF-8"></script>
    <!-- 时间相关JS -->
    <script type="text/javascript" src="../css/time/js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
    <script type="text/javascript" src="../css/time/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <script type="text/javascript" src="../css/time/js/bootstrap-clockpicker.min.js"></script>
    <!-- 对话框js -->
   <%--  <script type="text/javascript" src="../js/waterQuality/date.js" charset="UTF-8"></script> --%>
    <script type="text/javascript" src="../js/waterQuality/base.js" charset="UTF-8"></script>
    <!-- 验证js -->
    <script type="text/javascript" src="../js/systemManage/jquery.validationEngine-zh_CN.js"></script>
    <script type="text/javascript" src="../js/systemManage/jquery.validationEngine.js"></script>
    <script type="text/javascript" src="../js/systemManage/jquery.bigautocomplete.js"></script>
    <script type="text/javascript" src="../js/waterQuality/selectNorm.js" charset="UTF-8"></script>
    <script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
</head>
<body class="skin-blue">
<!-- header logo: style can be found in header.less -->
<header>
</header>
<div class="wrapper row-offcanvas row-offcanvas-left">

<!-- Right side column. Contains the navbar and content of the page -->
<aside>

<section>

<div class="nav-tabs-custom">

<div id="prompt" align="center">
    饮用水消毒剂指标限值管理
    <span class="green">*只能填写数字</span>
</div>

<div id="inquire1" align="center">
<form name="antInfo" id="antInfo" action="" method="post">
<table id="inputTable" class="table  table-bordered"  >
<thead>
<tr class="table-header success">
    <th style="text-align: center;width: 20%;">指标名称 </th>
    <th style="text-align: center;width: 23%;">水源水限值</th>
    <th style="text-align: center;width: 23%;">出厂水限值</th>
    <th style="text-align: center;width: 24%;">网管末梢水限值 </th>
</tr>
</thead>
<tbody>
<tr id="lvqi">
    <!--  <td rowspan="4" style="vertical-align: middle;">微<br>生<br>物<br>指<br>标</td> -->
    <td>氯气及游离氯制剂（游离氯,mg/L）</td>
    <td>
    	 <input style="display:none;" name="qualityNonNorm.id" id="id">
        <input class="validate[maxSize[20]] text-input" type="text"
               name="antisseptic.lvqi1" id="lvqi1">

    </td>
    <td>
        <input class="validate[maxSize[20]] text-input" type="text"
               name="antisseptic.lvqi2" id="lvqi2">
    </td>
    <td>
        <input class="validate[maxSize[20]] text-input " type="text"
               name="antisseptic.lvqi3" id="lvqi3">
    </td>

</tr>

<tr id="yla">
    <!--  <td rowspan="4" style="vertical-align: middle;">微<br>生<br>物<br>指<br>标</td> -->
    <td>一氯胺（总氯，mg/L）</td>
    <td>
        <input class="validate[maxSize[20]] text-input" type="text"
               name="antisseptic.yla1" id="yla1">

    </td>
    <td>
        <input class="validate[maxSize[20]] text-input" type="text"
               name="antisseptic.yla2" id="yla2">
    </td>
    <td>
      <input class="validate[maxSize[20]] text-input " type="text"
               name="antisseptic.yla3" id="yla3">
    </td>

</tr>

<tr id="cy">
    <!--  <td rowspan="4" style="vertical-align: middle;">微<br>生<br>物<br>指<br>标</td> -->
    <td>臭氧（O<sub>3</sub>，mg/L）</td>
    <td>

        <input class="validate[maxSize[20]] text-input" type="text"
               name="antisseptic.cy1" id="cy1">

    </td>
    <td>

        <input class="validate[maxSize[20]] text-input" type="text"
               name="antisseptic.cy2" id="cy2">
    </td>
    <td>
        <input class="validate[maxSize[20]] text-input " type="text"
               name="antisseptic.cy3" id="cy3">
    </td>

</tr>

<tr id="eyhl">
    <!--  <td rowspan="4" style="vertical-align: middle;">微<br>生<br>物<br>指<br>标</td> -->
    <td>二氧化氯（ClO<sub>2</sub>，mg/L）</td>
    <td>
        <input class="validate[maxSize[20]] text-input" type="text"
               name="antisseptic.eyhl1" id="eyhl1">

    </td>
    <td>
        <input class="validate[maxSize[20]] text-input" type="text"
               name="antisseptic.eyhl2" id="eyhl2">
    </td>
    <td>
        <input class="validate[maxSize[20]] text-input " type="text"
               name="antisseptic.eyhl3" id="eyhl3">
    </td>
</tr>
<tr style="height:75px;">
    <td colspan="4" align="center">
        <button type="button" style="margin-right:60px;"  class="btn_edit" id="updateBtn"></button>
        <button type="button" style="margin-right:60px;" class="btn_submit" id="submitBtn"></button>
        <button type="button"  class="btn_del" id="delBtn"></button>
    </td>
</tr>


</tbody>
</table>


</form>
</div>

</div>


</section>
<!-- /.content -->
</aside>
<!-- /.right-side -->
</div>
<!-- ./wrapper -->


<script type="text/javascript">
     jQuery(document).ready(function () {
        getDataLimitNorm("GetDataOfAntissepticNorm.action");    	
        jQuery("#submitBtn").click(function () {
            submitForm("antInfo", "AddAntisseptic.action?type=1");
        });
        jQuery("#updateBtn").click(function (event) {
            setIsDisable(false);
        });
        jq("#delBtn").click(function () {
            delRecordByCode("antInfo", "DelAntisseptic.action","id");
        });        
    });
</script>

</body>
</html>